<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>会议室管理</title>
  <link rel="stylesheet" href="../css/Css_LL/Conference.css">
  <link rel="stylesheet" href="../css/Css_LL/iconfont.css">
  <script src="../js/JQ/jquery.js"></script>
  <script src="../js/layer-v3.5.1/layer/layer.js"></script>
</head>

<body>
  <header>
    <div>
      <span>&nbsp;会议室管理</span>
    </div>
  </header>
  <div class="main_bg">
    <div class="form_bg">
      <div class="add">
        <!-- 主体<input type="text" id="zhuti" placeholder="国信安基地"> -->
        <!-- 会议室名称<input type="text" id="room" placeholder="大/中/小会议室"> -->
        房间号<input type="text" id="roomNob">
        <!-- 开放状态 <input type="text" id="openOff" placeholder="已开放 / 未开放"> -->
        区域
        <select name="" id="city">
          <option value="全部">全部</option>
          <option value="A区">A区</option>
          <option value="B区">B区</option>
          <option value="C区">C区</option>
          <option value="D区">D区</option>
          <option value="E区">E区</option>
          <option value="F区">F区</option>
        </select>
        <button id="butNew" class="iconfont icon-jia" aria-hidden="true">新增</button>
        <button id="butReset" type="reset" class="iconfont icon-zhongzhi" aria-hidden="true"
          onclick="clearInput()">重置</button>
        <button id="butSearch" class="iconfont icon-chaxun" aria-hidden="true" onclick="search();">查询</button>
      </div>
      <table class="table">
        <thead>
          <tr>
            <th>序号</th>
            <th>主体</th>
            <th>区域</th>
            <th>会议室名称</th>
            <th>房间号</th>
            <th>开放状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody class="tbody" id="tbCard"></tbody>
      </table>
      <!-- 分页容器 -->
      <div id="lowerLbl" text-align="center">
        <div class="page">
            <button id="lastPage">上一页</button>
            <button id="pno">1</button>
            <button id="nextPage">下一页</button>
        </div>
    </div>
  </div>
  </div>
  <div class="newWeb" id="idNewWeb">
    <div class="newWeb_header">
      <span>添加</span>
    </div>
    <div class="newWeb_main">
      <span class="typeInpt">
        <span>序号：</span>
        <input type="number" id="idMessage" placeholder="序号">
        <br><br><br>
        <span id="star">* </span>
        主体地点：<input type="text" id="map">
      </span><br><br><br>
      <span>
        <span id="star">* </span>区域：
        <input id="quyu" type="text" placeholder="A/B/C/D/E/F 区">
      </span><br><br><br>
      <span>会议室名称：</span>
      <input id="conferenceName" type="text"><br><br><br>
      <span>房间号：</span>
      <input id="conferenceNameNob" type="text"><br><br><br>
      <span><span id="star">* </span>开放状态：</span>
      <input id="openType" type="text" placeholder="已开放 / 未开放">
      <div class="submit">
        <button type="submit" id="enter" class="enter">提交</button>
        <button type="submit" id="esc" class="esc">取消</button>
      </div>
    </div>
  </div>
  <div class="newWeb" id="idNewWeb2">
    <div class="newWeb_header">
      <span>详情修改</span>
    </div>
    <div class="newWeb_main">
      <span class="typeInpt">
        <span>序号：</span>
        <input type="number" id="idMessage2" placeholder="序号">
        <br><br><br>
        <span id="star">* </span>
        主体地点：<input type="text" id="map2">
      </span><br><br><br>
      <span>
        <span id="star">* </span>区域：
        <input id="quyu2" type="text" placeholder="A/B/C/D/E/F 区">
      </span><br><br><br>
      <span>会议室名称：</span>
      <input id="conferenceName2" type="text"><br><br><br>
      <span>房间号：</span>
      <input id="conferenceNameNob2" type="text"><br><br><br>
      <span><span id="star">* </span>开放状态：</span>
      <input id="openType2" type="text" placeholder="已开放 / 未开放">
      <div class="submit">
        <button type="submit" id="enter2" class="enter">修改</button>
        <button type="submit" id="esc2" class="esc">取消</button>
      </div>
    </div>
  </div>
  <script src="../js/Js_LL/dataLL.js"></script>
  <script src="../js/Js_LL/Conference.js"></script>
</body>

</html>